<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  xmlns:v="urn:schemas-microsoft-com:vml">  
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <title>Google Maps GML overlay Example</title>
<link type="text/css" rel="stylesheet" href="gmap.css" />
    <script src="http://maps.google.com/maps?file=api&amp;v=2.x&amp;key=ABQIAAAAQ3FcHgfEPKR8C0YPfsL48xSlijgElRe80ZJOm3JGkYhDwHBafRRWR9MibODg9-Ob99aiTLeAgPc-QA" type="text/javascript"></script>
    <script src="geoxml.js" type="text/javascript"></script>
    <style>
	    .gmlsnip {display:block; margin-left:68px;margin-top:-16px ;margin-bottom:0px }
	    input { margin-top:16px }
    </style>
   <script type="text/javascript">
//<![CDATA[
var mmap, gml;

	function loadMap(){ 
    	var mmap=new GMap2(document.getElementById("map"),{draggableCursor: 'crosshair', draggingCursor: 'move'});
    	mmap.setCenter(new GLatLng(0,0),2);
	mmap.addMapType(G_SATELLITE_3D_MAP);
	mmap.addControl(new GLargeMapControl());
	mmap.addControl(new GMapTypeControl());
	mmap.enableScrollWheelZoom();
	mmap.enableDoubleClickZoom();
	mmap.enableContinuousZoom();
   	gml = new GeoXml("gml", mmap, "florida.kml", {sidebarid:"the_side_bar",iwwidth:250,sidebarsnippet:true,sidebariconheight:32});
	gml.publishdirectory = "http://www.dyasdesigns.com/tntmap/";
	gml.kmlicon =  gml.publishdirectory +"images/gebig.png";
	gml.docicon = gml.publishdirectory +"images/gebig.png";
	gml.docclosedicon = gml.publishdirectory +"images/geclosedbig.png";
	gml.foldericon = gml.publishdirectory +"images/folderbig.png";
	gml.folderclosedicon = gml.publishdirectory +"images/folderclosedbig.png";
	gml.parse("Florida Vacation"); 
	}	
    //]]>
    </script>
  </head>
  <body onload="loadMap()" onunload="GUnload()" >
	  <h2>Parsed KML example</h2>
	  
        <div style="width:1020px; height: 640px" >
           <div id="map" style="position:relative; width: 550px; height: 640px; "></div>
           <div style="position:absolute;height: 680px;left:565px;top:23px; width: 400px;overflow:auto" >
		   <div id="the_side_bar" ></div></div>
    </div>
  </body>
</html>
